<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib uri="/struts-tags" prefix="s"%>

<html>
	<head>
		<title>FMAS admin</title>
		<base
			href="${fn:replace(pageContext.request.requestURL, pageContext.request.requestURI, '')}${pageContext.request.contextPath}/" />
<link type="text/css" rel="stylesheet" href="style/styles.css" /> 
		<style>
			input.btn {
				color: #050;
				background: #89EE80;
				font: bold small 'trebuchet ms', helvetica, sans-serif;
			}
			
			.input{
				font-weight: bold;
			}
			.label {
				color: #89EE80;
			}
			
			span.login {
				color: #89EE80;
			}
			div.logo{
			float:left;
			}
			div.navBar{
			float:left;
			}
		</style>
		<script type="text/javascript" src="js/jquery1.6.2.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function() {
		
			$(window).resize(function(){
				$('.loginBox').css({
					position:'absolute',
					left: ($(window).width() - $('.loginBox').outerWidth())/2,
					top: ($(window).height() - $('.loginBox').outerHeight())/2
				});
			
			});
			// To initially run the function:
			$(window).resize();
			});
					
		</script>

	</head>

	<body>
		<div class="header">
		<div class="logo">
		<img src="images/logo.png" height=80/>
		</div>
		<div class="navBar">
		<ul>
			<li class="nav">
				<a href="ProductCrudAction.html">Products</a>
			</li>
			<li class="nav">
				<a href="BrandCrudAction.html">Brands</a>
			</li>
			<li class="nav">
				<a href="LocalityCrudAction.html">Locality</a>
			</li>
			<li class="nav">
				<a href="LocalityCrudAction.html">Categories</a>
			</li>
			<li class="nav">
				<a href="LocalityCrudAction.html">Business</a>
			</li>
		</ul>
		</div>
		</div>
		<div class="loginBox">
			<s:form>
				<span class="login"> <s:text
						name="Login to your fmas account"></s:text> </span>
				<s:textfield label="Username" cssClass="input"></s:textfield>
				<s:password label="Password" cssClass="input"></s:password>
				<s:submit value="Login" cssClass="btn"></s:submit>
			</s:form>
		</div>
		<%@ include file="/jsp/includes/footer.jsp"%>

	</body>
</html>
